#1D3C70

Color Details

HEX
#1D3C70
RGB
rgb(29, 60, 112)
HSL
hsl(218, 59%, 28%)
CMYK
cmyk(74%, 46%, 0%, 56%)
Best text on this color #FFFFFF (CR 10.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1d3c70
Contrast 1.93:1 Fail
White on #1d3c70
Contrast 10.87:1 AAA
#1d3c70 on Black
Contrast 1.93:1 Fail
#1d3c70 on White
Contrast 10.87:1 AAA

Tints & Shades

#4a638d
#778aa9
#a5b1c6
#17305a
#112443
#0c182d

Complement & Analogous

#72531d
#291d72
#1d6672

Triadic

#721d3c
#3c721d

Monochrome

#0c182d #112443 #1d3c70 #778aa9 #a5b1c6 #d2d8e2

Analogous

#1d6672 #61949c #1d3c70 #544a8e #291d72 #21175b

Complementary Mix

#112443 #1d3c70 #778aa9 #72531d #a38f6c #4a3613

Nearby Colors

#1d3c6f
#1d3c71
#1d3c60
#1d3c80

Embed #1D3C70 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #1D3C70

#1D3C70 converts to RGB(29, 60, 112) and HSL(218, 59%, 28%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#1D3C70 FAQs

What is the RGB value of #1D3C70?
RGB: 29, 60, 112. Copy as CSS: rgb(29, 60, 112)
Is #1D3C70 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1D3C70?
Complement: #72531d.
Does #1D3C70 have good contrast on white or black?
On white: 10.87:1 (AAA (normal text)). On black: 1.93:1 (Fails AA).